Produced by Araxis Merge on 2021-05-13 09:09:04 +0000. See www.araxis.com for information about Merge. This report uses XHTML and CSS2, and is best viewed with a modern standards-compliant browser. For optimum results when printing this report, use landscape orientation and enable printing of background images and colours in your browser.
| # | Location | File | Last Modified |
|---|---|---|---|
| 1 | /Applications/Ampps/www/Porto 3.2.2/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module | _collapsible_navigation.less | 2015-12-20 21:05:06 +0000 |
| 2 | /Applications/Ampps/www/Porto v4.0.0/Theme Files/Magento 2.x/Porto Theme/app/design/frontend/Smartwave/porto/Magento_Theme/web/css/source/module | _collapsible_navigation.less | 2015-12-20 21:05:06 +0000 |
| Description | Between Files 1 and 2 | |
|---|---|---|
| Text Blocks | Lines | |
| Unchanged | 1 | 216 |
| Changed | 0 | 0 |
| Inserted | 0 | 0 |
| Removed | 0 | 0 |
| Whitespace | Consecutive whitespace is treated as a single space |
|---|---|
| Character case | Differences in character case are significant |
| Line endings | Differences in line endings (CR and LF characters) are ignored |
| CR/LF characters | Not shown in the comparison detail |
| Active line-pairing rules |
No regular expressions were active.
| 1 | // /** | 1 | // /** | |||
| 2 | // * Copyright © 2015 Magento. All rights reserved. | 2 | // * Copyright © 2015 Magento. All rights reserved. | |||
| 3 | // * See COPYING.txt for license details. | 3 | // * See COPYING.txt for license details. | |||
| 4 | // */ | 4 | // */ | |||
| 5 | 5 | |||||
| 6 | // | 6 | // | |||
| 7 | // Variables | 7 | // Variables | |||
| 8 | // --------------------------------------------- | 8 | // --------------------------------------------- | |||
| 9 | 9 | |||||
| 10 | @collapsible-nav-color: #777; | 10 | @collapsible-nav-color: #777; | |||
| 11 | @collapsible-nav-current-color: @theme-color; | 11 | @collapsible-nav-current-color: @theme-color; | |||
| 12 | @collapsible-nav-current-font-weight: 400; | 12 | @collapsible-nav-current-font-weight: 400; | |||
| 13 | @collapsible-nav-item-hover: @theme-color; | 13 | @collapsible-nav-item-hover: @theme-color; | |||
| 14 | 14 | |||||
| 15 | // | 15 | // | |||
| 16 | 16 | |||||
| 17 | // | 17 | // | |||
| 18 | // Common | 18 | // Common | |||
| 19 | // --------------------------------------------- | 19 | // --------------------------------------------- | |||
| 20 | 20 | |||||
| 21 | & when (@media-common = true) { | 21 | & when (@media-common = true) { | |||
| 22 | 22 | |||||
| 23 | // | 23 | // | |||
| 24 | // Collapsible navigation | 24 | // Collapsible navigation | |||
| 25 | // --------------------------------------------- | 25 | // --------------------------------------------- | |||
| 26 | 26 | |||||
| 27 | .block-collapsible-nav { | 27 | .block-collapsible-nav { | |||
| 28 | .content { | 28 | .content { | |||
| 29 | 29 | |||||
| 30 | } | 30 | } | |||
| 31 | .item { | 31 | .item { | |||
| 32 | border-bottom: 1px solid #ddd; | 32 | border-bottom: 1px solid #ddd; | |||
| 33 | 33 | |||||
| 34 | &:first-child { | 34 | &:first-child { | |||
| 35 | border-top: 1px solid #ddd; | 35 | border-top: 1px solid #ddd; | |||
| 36 | } | 36 | } | |||
| 37 | a, | 37 | a, | |||
| 38 | > strong { | 38 | > strong { | |||
| 39 | .lib-css(color, @collapsible-nav-color); | 39 | .lib-css(color, @collapsible-nav-color); | |||
| 40 | display: block; | 40 | display: block; | |||
| 41 | padding: 8px 18px 8px 15px; | 41 | padding: 8px 18px 8px 15px; | |||
| 42 | position: relative; | 42 | position: relative; | |||
| 43 | 43 | |||||
| 44 | &:before { | 44 | &:before { | |||
| 45 | font-family: @icon-font-family; | 45 | font-family: @icon-font-family; | |||
| 46 | content: @icon-right-dir; | 46 | content: @icon-right-dir; | |||
| 47 | position: absolute; | 47 | position: absolute; | |||
| 48 | left: 0; | 48 | left: 0; | |||
| 49 | } | 49 | } | |||
| 50 | } | 50 | } | |||
| 51 | a { | 51 | a { | |||
| 52 | text-decoration: none; | 52 | text-decoration: none; | |||
| 53 | &:hover, &:active, &:focus { | 53 | &:hover, &:active, &:focus { | |||
| 54 | .lib-css(color, @collapsible-nav-item-hover); | 54 | .lib-css(color, @collapsible-nav-item-hover); | |||
| 55 | background-color: transparent; | 55 | background-color: transparent; | |||
| 56 | } | 56 | } | |||
| 57 | } | 57 | } | |||
| 58 | &.current { | 58 | &.current { | |||
| 59 | a, | 59 | a, | |||
| 60 | strong { | 60 | strong { | |||
| 61 | .lib-css(color, @collapsible-nav-current-color); | 61 | .lib-css(color, @collapsible-nav-current-color); | |||
| 62 | .lib-css(font-weight, @collapsible-nav-current-font-weight); | 62 | .lib-css(font-weight, @collapsible-nav-current-font-weight); | |||
| 63 | } | 63 | } | |||
| 64 | } | 64 | } | |||
| 65 | } | 65 | } | |||
| 66 | } | 66 | } | |||
| 67 | 67 | |||||
| 68 | } | 68 | } | |||
| 69 | 69 | |||||
| 70 | // | 70 | // | |||
| 71 | // Desktop | 71 | // Desktop | |||
| 72 | // --------------------------------------------- | 72 | // --------------------------------------------- | |||
| 73 | 73 | |||||
| 74 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | 74 | .media-width(@extremum, @break) when (@extremum = 'min') and (@break = @screen__m) { | |||
| 75 | .block-collapsible-nav { | 75 | .block-collapsible-nav { | |||
| 76 | .title { | 76 | .title { | |||
| 77 | &:extend(.abs-visually-hidden-desktop all); | 77 | &:extend(.abs-visually-hidden-desktop all); | |||
| 78 | } | 78 | } | |||
| 79 | } | 79 | } | |||
| 80 | } | 80 | } | |||
| 81 | 81 | |||||
| 82 | // | 82 | // | |||
| 83 | // Mobile | 83 | // Mobile | |||
| 84 | // --------------------------------------------- | 84 | // --------------------------------------------- | |||
| 85 | 85 | |||||
| 86 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | 86 | .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__m) { | |||
| 87 | .block-collapsible-nav { | 87 | .block-collapsible-nav { | |||
| 88 | left: 0; | 88 | left: 0; | |||
| 89 | position: absolute; | 89 | position: absolute; | |||
| 90 | top: 0; | 90 | top: 0; | |||
| 91 | width: 100%; | 91 | width: 100%; | |||
| 92 | z-index: 5; | 92 | z-index: 5; | |||
| 93 | background-color: @body_background-color; | 93 | background-color: @body_background-color; | |||
| 94 | .title { | 94 | .title { | |||
| 95 | &:extend(.abs-toggling-title-mobile all); | 95 | &:extend(.abs-toggling-title-mobile all); | |||
| 96 | } | 96 | } | |||
| 97 | .content { | 97 | .content { | |||
| 98 | border-bottom: @border-width__base solid @border-color__base; | 98 | border-bottom: @border-width__base solid @border-color__base; | |||
| 99 | display: none; | 99 | display: none; | |||
| 100 | &.active { | 100 | &.active { | |||
| 101 | display: block; | 101 | display: block; | |||
| 102 | } | 102 | } | |||
| 103 | } | 103 | } | |||
| 104 | .item { | 104 | .item { | |||
| 105 | padding: 0 15px; | 105 | padding: 0 15px; | |||
| 106 | } | 106 | } | |||
| 107 | } | 107 | } | |||
| 108 | } | 108 | } |
Araxis Merge (but not the data content of this report) is Copyright © 1993–2019 Araxis Ltd (www.araxis.com). All rights reserved.